<template>
  <div class="audition292">
    <p>js原生中:</p>
    <p>1. onclick添加事件处理函数是在全局环境下执行</p>
    <p>2. 给很多dom元素添加onclick事件，影响网页的性能</p>
    <p>3. 如果动态的从dom树种删除了该元素，还要手动注销事件处理器，不然就可能造成内存泄露</p>
    <p><br></p>
    <p>jsx里的onClick:</p>
    <p>1. 挂载的函数都控制在组件范围内</p>
    <p>2. jsx中不是直接使用onclick，而是采取了事件委托的方式，挂载最顶层DOM节点，<br/>所有点击事件被这个事件捕获，然后根据具体组件分配给特定函数，<br/>性能当然比每个onClick都挂载一个事件处理函数要高</p>
    <p>3. 加上React控制了组件的生命周期，在componentwillunmount的时候自然能够清楚相关的所有事件处理函数，内存泄露不再是一个问题</p>
  </div>
</template>

<script>
export default {
  name: 'Audition292'
}
</script>

<style>

</style>